<template>
  <div class="py-2 w-full mx-auto" id="div-1">
    <a-flex vertical align="center" id="a-flex-1" class="w-full">
      <a-typography-link href="#" class="px-40" id="a-typography-link-1">
        <a-image src="https://picsum.photos/id/1/1500/624" :preview="false" id="a-image-1" />
      </a-typography-link>
      <a-row class="flex justify-center mt-[-50px] z-10 bg-[#ffffff] shadow-md py-4" id="a-row-1">
        <a-col class="flex-1 flex flex-col px-10" v-for="(item, index) in list1" :key="index" :id="`a-col-${index + 1}`">
          <a-typography-link href="#" class="!text-[#EE5C25] font-bold text-[22px] mb-2" :id="`a-typography-link-${index + 2}`">{{item.title}}</a-typography-link>
          <div class="flex flex-col relative" :id="`div-${index + 2}`">
            <a-typography-link href="#" class="!text-[#000000] font-bold text-[16px] mb-2" :id="`a-typography-link-${index + 5}`">{{
              item.subTitel
            }}</a-typography-link>
            <a-typography-link
              href="#"
              class="!text-[#999] mb-1"
              v-for="(subItem, idx) in item.list"
              :key="idx"
              :id="`a-typography-link-${index * 3 + idx + 8}`"
              >{{ subItem.title }}</a-typography-link
            >
            <a-divider
              type="vertical"
              v-if="index < list1.length - 1"
              class="bg-[#E3E4E5] absolute h-full bottom-6 -right-14"
              :id="`a-divider-${index + 1}`"
            />
          </div>
        </a-col>
      </a-row>
      <a-flex justify="center" gap="80" class="mt-[40px] text-[#ffffff] w-full px-40" id="a-flex-2">
        <a-typography-link
          href="#"
          class="bg-gradient-to-r from-[#F05F2A] to-[#F79C7A] !text-[#ffffff] shadow-md px-20 py-[40px] text-[22px] rounded-[4px]"
          id="a-typography-link-17"
          ><CodeFilled class="mr-2" id="code-filled-1" />高校信息库</a-typography-link
        >
        <a-typography-link
          href="#"
          class="bg-gradient-to-r from-[#F05F2A] to-[#F79C7A] !text-[#ffffff] shadow-md px-20 py-[40px] text-[22px] rounded-[4px]"
          id="a-typography-link-18"
          ><SnippetsFilled class="mr-2" id="snippets-filled-1" />高校专业库</a-typography-link
        >
        <a-typography-link
          href="#"
          class="bg-gradient-to-r from-[#F05F2A] to-[#F79C7A] !text-[#ffffff] shadow-md px-20 py-[40px] text-[22px] rounded-[4px]"
          id="a-typography-link-19"
          ><EditFilled class="mr-2" id="edit-filled-1" />高校中学库</a-typography-link
        >
      </a-flex>
      <a-typography-paragraph class="mt-[50px] text-[#ffffff] w-full px-40" id="a-typography-paragraph-1">
        <a-flex justify="center" id="a-flex-3" gap="20">
          <a-typography-link href="#" :id="`a-typography-link-${20 + index}`" v-for="(item, index) in list2" :key="index">
            <a-image :src="item.img" :preview="false" class="aspect-[20/10]" :id="`a-image-${2 + index}`" />
          </a-typography-link>
        </a-flex>
        <a-flex class="mt-1" id="a-flex-4" gap="20">
          <a-typography-text :id="`a-typography-text-${1 + index}`" v-for="(item, index) in list3" :key="index">
            {{ item.title }}
          </a-typography-text>
        </a-flex>
      </a-typography-paragraph>
      <a-typography-paragraph class="w-full mt-20" id="a-typography-paragraph-2">
        <a-row class="flex items-center" id="a-row-2">
          <a-col class="flex-1 flex items-center justify-center" id="a-col-4">
            <a-divider class="bg-[#EE5C25]" id="a-divider-4" />
          </a-col>
          <a-col :span="1.5" class="flex items-center justify-center" id="a-col-5">
            <a-typography-text
              class="w-[20px] h-[20px] bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full"
              id="a-typography-text-10"
            />
          </a-col>
          <a-col :span="5" class="flex items-center justify-center" id="a-col-6">
            <a-typography-text class="font-bold text-[30px] text-[#EE5C25] px-20" id="a-typography-text-11">教育聚焦</a-typography-text>
          </a-col>
          <a-col :span="1.5" class="flex items-center justify-center" id="a-col-7">
            <a-typography-text
              class="w-[20px] h-[20px] bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full"
              id="a-typography-text-12"
            />
          </a-col>
          <a-col class="flex-1 flex items-center justify-center" id="a-col-8">
            <a-divider class="bg-[#EE5C25]" id="a-divider-5" />
          </a-col>
        </a-row>
        <a-flex align="center" justify="center" id="a-flex-5" class="mt-[40px] px-40">
          <a-typography-paragraph class="px-1 w-[36px] h-[36px] text-white text-[12px] bg-[#EE5C25] mr-6" id="a-typography-paragraph-3">
            高校名单
          </a-typography-paragraph>
          <a-typography-link href="#" id="a-typography-link-26">
            <a-typography-text class="!text-[#EE5C25]" id="a-typography-text-13">京</a-typography-text>
            <a-divider type="vertical" class="bg-[#333333]" id="a-divider-6" />
          </a-typography-link>
          <a-typography-link
            href="#"
            v-for="(item, index) in list4"
            :key="index"
            class="!text-[#333333]"
            :id="`a-typography-link-${27 + index}`"
          >
            <a-typography-text :id="`a-typography-text-${14 + index}`">{{ item }}</a-typography-text>
            <a-divider type="vertical" class="bg-[#333333]" :id="`a-divider-${7 + index}`"/>
          </a-typography-link>
        </a-flex>
        <a-row class="flex mt-[60px] px-40" :gutter="40" id="a-row-3">
          <a-col :span="10" id="a-col-9">
            <a-flex justify="space-between" id="a-flex-6">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-42">校园视频</a-typography-text>
              <AppstoreFilled id="appstore-filled-1" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-flex justify="space-between" class="mt-2" gap="10" id="a-flex-7">
              <a-typography-paragraph class="flex flex-col" id="a-typography-paragraph-4">
                <a-typography-link href="#" id="a-typography-link-55">
                  <a-image src="https://picsum.photos/id/8/320/210" :preview="false" class="aspect-[20/10]" id="a-image-8" />
                </a-typography-link>
                <a-typography-text class="mt-[16px] text-center" id="a-typography-text-43">梦开始的地方--铜仁幼儿师范高等</a-typography-text>
              </a-typography-paragraph>
              <a-typography-paragraph class="flex flex-col" id="a-typography-paragraph-5">
                <a-typography-link href="#" id="a-typography-link-56">
                  <a-image src="https://picsum.photos/id/9/320/210" :preview="false" class="aspect-[20/10]" id="a-image-9" />
                </a-typography-link>
                <a-typography-text class="mt-[16px] text-center" id="a-typography-text-44">生命为贵 至诚为医--贵州医科大学</a-typography-text>
              </a-typography-paragraph>
            </a-flex>
            <a-flex justify="space-between" gap="10" id="a-flex-8">
              <a-typography-paragraph class="flex flex-col" id="a-typography-paragraph-6">
                <a-typography-link href="#" id="a-typography-link-57">
                  <a-image src="https://picsum.photos/id/9/320/210" :preview="false" class="aspect-[20/10]" id="a-image-10" />
                </a-typography-link>
                <a-typography-text class="mt-[16px] text-center" id="a-typography-text-45">陇东学院2024招生宣传片</a-typography-text>
              </a-typography-paragraph>
              <a-typography-paragraph class="flex flex-col" id="a-typography-paragraph-7">
                <a-typography-link href="#" id="a-typography-link-58">
                  <a-image src="https://picsum.photos/id/10/320/210" :preview="false" class="aspect-[20/10]" id="a-image-11" />
                </a-typography-link>
                <a-typography-text class="mt-[16px] text-center" id="a-typography-text-46">2024遇见川农|四川农业大学</a-typography-text>
              </a-typography-paragraph>
            </a-flex>
          </a-col>
          <a-col class="flex-1" id="a-col-10">
            <a-tabs type="card" class="overflow-hidden h-full bg-[#F1F2F3]" id="a-tabs-1">
              <template #renderTabBar>
                <a-flex class="bg-[#e4e4e4] mb-4" align="center" id="a-flex-9">
                  <a-typography-text
                    class="px-2 py-2 text-center font-bold bg-[#E7E8E9] text-[18px] text-[#999] w-[50%]"
                    id="a-typography-text-47"
                  >
                    最新热点
                  </a-typography-text>
                  <a-typography-text
                    class="px-2 py-2 text-center font-bold bg-[#EE5B25] text-[18px] w-[50%] text-[#fff] w-[40%] text-xl"
                    id="a-typography-text-48"
                  >
                    校园人物
                  </a-typography-text>
                </a-flex>
              </template>
              <a-tab-pane id="a-tab-pane-1">
                <a-list class="px-6" id="a-list-1">
                  <a-list-item v-for="(item, index) in list5" :key="index" class="!px-1" :id="`a-list-item-${index + 1}`">
                    <a-typography-link href="#" class="!text-[#999] line-clamp-1 py-1" :id="`a-typography-link-${59 + index}`">
                      <a-badge color="#EE5B25" :id="`a-badge-${index + 1}`" />
                      <a-typography-text :id="`a-typography-text-${49 + index}`">
                        {{ item.title }}
                      </a-typography-text>
                    </a-typography-link>
                  </a-list-item>
                </a-list>
              </a-tab-pane>
            </a-tabs>
          </a-col>
        </a-row>
        <a-flex justify="center" :gap="10" class="mt-10 px-40" id="a-flex-10">
          <a-typography-link href="#" v-for="(item, index) in list6" :key="index" :id="`a-typography-link-${67 + index}`">
            <a-image :src="item.img" :preview="false" class="aspect-[20/10]" :id="`a-image-${12 + index}`" />
          </a-typography-link>
        </a-flex>
      </a-typography-paragraph>

      <a-typography-paragraph class="w-full mt-20" id="a-typography-paragraph-8">
        <a-row class="flex items-center" id="a-row-4">
          <a-col class="flex-1 flex items-center justify-center" id="a-col-11">
            <a-divider class="bg-[#EE5C25]" id="a-divider-35" />
          </a-col>
          <a-col :span="1.5" class="flex items-center justify-center" id="a-col-12">
            <a-typography-text
              class="w-[20px] h-[20px] bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full"
              id="a-typography-text-57"
            />
          </a-col>
          <a-col :span="5" class="flex items-center justify-center" id="a-col-13">
            <a-typography-text class="font-bold text-[30px] text-[#EE5C25] px-20" id="a-typography-text-58">高校</a-typography-text>
          </a-col>
          <a-col :span="1.5" class="flex items-center justify-center" id="a-col-14">
            <a-typography-text
              class="w-[20px] h-[20px] bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full"
              id="a-typography-text-59"
            />
          </a-col>
          <a-col class="flex-1 flex items-center justify-center" id="a-col-15">
            <a-divider class="bg-[#EE5C25]" id="a-divider-36" />
          </a-col>
        </a-row>
        <a-flex vertical align="center" justify="center" id="a-flex-11" class="mt-[40px]">
          <a-typography-link href="#" class="!text-[#EE5C25]" id="a-typography-link-72">
            这今里 工是江山等要事的验给东形性委他头 那川大山学水建产改处部浑易这今里工是江山等要事的验给东形性委他头
            那川大山学水建产改处部浑易
            <a-divider class="!my-2" id="a-divider-37" />
          </a-typography-link>
        </a-flex>
        <a-row :gutter="20" class="flex w-full mt-[20px] px-40" id="a-row-5">
          <a-col :span="14" class="flex justify-end" id="a-col-16">
            <a-typography-link href="#" class="!text-[#333333] relative w-full" id="a-typography-link-73">
              <a-image width="100%" src="https://picsum.photos/id/16/875/500" :preview="false" id="a-image-17"/>
              <a-typography-paragraph
                class="!m-0 absolute left-0 right-0 bottom-0 bg-white bg-opacity-70 text-center px-2 py-2"
                id="a-typography-paragraph-9"
              >
                <a-typography-text id="a-typography-text-60"
                  >通化师范学院长白山满族剪纸亮相2025年全国春节文化和旅游消费月主场活动</a-typography-text
                >
              </a-typography-paragraph>
            </a-typography-link>
          </a-col>
          <a-col :span="10" id="a-col-17">
            <a-flex justify="space-between" id="a-flex-12">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-61">多彩校园</a-typography-text>
              <AppstoreFilled id="appstore-filled-2" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-list class="px-0" id="a-list-2">
              <a-list-item v-for="(item, index) in list5" :key="index" class="!px-0" :id="`a-list-item-${9 + index}`">
                <a-typography-link href="#" class="!text-[#999] line-clamp-1 py-0" :id="`a-typography-link-${74 + index}`">
                  <a-badge color="#EE5B25" :id="`a-badge-${9 + index}`"/>
                  <a-typography-text :id="`a-typography-text-${62 + index}`">
                    {{ item.title }}
                  </a-typography-text>
                </a-typography-link>
              </a-list-item>
            </a-list>
          </a-col>
        </a-row>
        <a-row :gutter="30" class="flex w-full mt-[20px] px-40" id="a-row-6">
          <a-col :span="16" id="a-col-18">
            <a-typography-paragraph class="bg-[#EE5B25] text-[#ffffff]" id="a-typography-paragraph-10">
              <a-flex justify="space-between" class="p-6" id="a-flex-13">
                <a-typography-text class="font-bold text-[22px] text-[#ffffff]" id="a-typography-text-70">高校动态</a-typography-text>
                <AppstoreFilled id="appstore-filled-3" class="text-[#e5e5e5] text-[22px]" />
              </a-flex>
              <a-divider class="w-full bg-[#fff] !m-0" id="a-divider-38"/>
              <a-typography-text class="block font-bold text-[20px] text-[#ffffff] p-4" id="a-typography-text-71">
                昆明理工大学:这十年本科教学硕果累累
              </a-typography-text>
              <a-list class="px-6 py-2" id="a-list-3">
                <a-list-item v-for="(item, index) in list7" :key="index" class="!px-0 !py-1 !border-b-0" :id="`a-list-item-${17 + index}`">
                  <a-typography-link href="#" class="!text-[#fff]" :id="`a-typography-link-${82 + index}`">
                    <a-typography-text class="!text-[#fff]" :id="`a-typography-text-${72 + index}`">
                      {{ item.title }}
                    </a-typography-text>
                  </a-typography-link>
                </a-list-item>
              </a-list>
            </a-typography-paragraph>
          </a-col>
          <a-col :span="8" id="a-col-19">
            <a-typography-paragraph class="bg-[#EE5B25] text-[#ffffff]" id="a-typography-paragraph-11">
              <a-flex justify="space-between" class="p-6" id="a-flex-14">
                <a-typography-text class="font-bold text-[22px] text-[#ffffff]" id="a-typography-text-82">高校名单</a-typography-text>
                <AppstoreFilled id="appstore-filled-4" class="text-[#e5e5e5] text-[22px]" />
              </a-flex>
              <a-divider class="w-full bg-[#fff] !m-0" id="a-divider-39" />
              <a-list class="px-6 py-2" id="a-list-4">
                <a-list-item
                  v-for="(item, index) in list8"
                  :key="index"
                  class="!px-0 !py-2 !border-white"
                  :id="`a-list-item-${27 + index}`"
                >
                  <a-typography-link href="#" class="block !text-center !w-full" :id="`a-typography-link-${92 + index}`">
                    <a-typography-text class="!text-[#fff] text-[18px]" :id="`a-typography-text-${83 + index}`">
                      {{ item.title }}
                    </a-typography-text>
                  </a-typography-link>
                </a-list-item>
              </a-list>
            </a-typography-paragraph>
          </a-col>
        </a-row>
      </a-typography-paragraph>

      <a-typography-paragraph class="w-full mt-20 px-40" id="a-typography-paragraph-12">
        <a-row class="flex" :gutter="40" id="a-row-7">
          <a-col :span="8" class="flex flex-col" id="a-col-20">
            <a-flex justify="space-between" id="a-flex-15">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-91">爱心助学</a-typography-text>
              <AppstoreFilled id="appstore-filled-5" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-typography-link href="#" class="!text-[#333333] relative w-full" id="a-typography-link-100">
              <a-image width="100%" src="https://picsum.photos/id/17/362/230" :preview="false" id="a-image-18"/>
              <a-typography-paragraph
                class="!m-0 absolute left-0 right-0 bottom-0 bg-white bg-opacity-70 px-2 py-2"
                id="a-typography-paragraph-13"
              >
                <a-typography-text id="a-typography-text-92">大连医科大学走访慰问葫芦岛、朝阳</a-typography-text>
              </a-typography-paragraph>
            </a-typography-link>
            <a-list class="p-0" id="a-list-5">
              <a-list-item v-for="(item, index) in list11" :key="index" class="!px-0 !py-2 !border-b-0" :id="`a-list-item-${35 + index}`">
                <a-typography-link href="#" class="!text-[#999]" :id="`a-typography-link-${101 + index}`">
                  <a-badge
                    class="w-2 h-2 bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full mr-1"
                    :id="`a-badge-${17 + index}`"
                  />
                  <a-typography-text :id="`a-typography-text-${93 + index}`">
                    {{ item.title }}
                  </a-typography-text>
                </a-typography-link>
              </a-list-item>
            </a-list>
          </a-col>
          <a-col :span="6" class="flex flex-col" id="a-col-21">
            <a-flex justify="space-between" id="a-flex-16">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-97">高校排名</a-typography-text>
              <AppstoreFilled id="appstore-filled-6" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-typography-link
              href="#"
              class="!text-[#333] py-2"
              v-for="(item, index) in list9"
              :key="index"
              :id="`a-typography-link-${105 + index}`"
            >
              <a-typography-text
                class="bg-[#EE5B25] text-[#fff] py-0 px-2 mr-2"
                :class="`${index > 2 ? 'bg-[#828384]' : ''}`"
                :id="`a-typography-text-${98 + index}`"
              >
                {{ index + 1 }}
              </a-typography-text>
              {{ item.title }}
            </a-typography-link>
            <a-typography-link href="#" class="!text-[#333] py-1" id="a-typography-link-110">
              <a-image src="https://picsum.photos/id/18/282/70" :preview="false" id="a-image-19"/>
            </a-typography-link>
            <a-typography-link href="#" class="!text-[#333] py-1" id="a-typography-link-111">
              <a-image src="https://picsum.photos/id/19/282/70" :preview="false" id="a-image-20"/>
            </a-typography-link>
          </a-col>
          <a-col :span="10" class="flex flex-col" id="a-col-22">
            <a-flex justify="space-between" id="a-flex-17">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-103">大学生就业</a-typography-text>
              <AppstoreFilled id="appstore-filled-7" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-list class="px-6 py-8 bg-[#f2f2f2]" id="a-list-6">
              <a-list-item v-for="(item, index) in list10" :key="index" class="!px-0" :id="`a-list-item-${39 + index}`">
                <a-typography-link href="#" class="!text-[#999] line-clamp-1 py-0" :id="`a-typography-link-${112 + index}`">
                  <a-badge color="#EE5B25" :id="`a-badge-${21 + index}`" />
                  <a-typography-text :id="`a-typography-text-${104 + index}`">
                    {{ item.title }}
                  </a-typography-text>
                </a-typography-link>
              </a-list-item>
            </a-list>
          </a-col>
        </a-row>
      </a-typography-paragraph>

      <a-typography-paragraph class="w-full mt-20" id="a-typography-paragraph-14">
        <a-row class="flex items-center" id="a-row-8">
          <a-col class="flex-1 flex items-center justify-center" id="a-col-23">
            <a-divider class="bg-[#EE5C25]" id="a-divider-40" />
          </a-col>
          <a-col :span="1.5" class="flex items-center justify-center" id="a-col-24">
            <a-typography-text
              class="w-[20px] h-[20px] bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full"
              id="a-typography-text-111"
            />
          </a-col>
          <a-col :span="5" class="flex items-center justify-center" id="a-col-25">
            <a-typography-text class="font-bold text-[30px] text-[#EE5C25] px-20" id="a-typography-text-112">职业教育</a-typography-text>
          </a-col>
          <a-col :span="1.5" class="flex items-center justify-center" id="a-col-26">
            <a-typography-text
              class="w-[20px] h-[20px] bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full"
              id="a-typography-text-113"
            />
          </a-col>
          <a-col class="flex-1 flex items-center justify-center" id="a-col-27">
            <a-divider class="bg-[#EE5C25]" id="a-divider-41" />
          </a-col>
        </a-row>
        <a-flex vertical align="center" justify="center" id="a-flex-5" class="mt-[40px]">
          <a-typography-link href="#" class="!text-[#EE5C25]">
            这今里 工是江山等要事的验给东形性委他头 那川大山学水建产改处部浑易这今里工是江山等要事的验给东形性委他头
            那川大山学水建产改处部浑易
            <a-divider class="!my-2" />
          </a-typography-link>
        </a-flex>
        <a-row gutter="40" class="flex w-full mt-[20px] px-40" id="a-row-9">
          <a-col :span="6" class="flex flex-col" id="a-col-28">
            <a-flex justify="space-between" id="a-flex-18">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-114">青春校园</a-typography-text>
              <AppstoreFilled id="appstore-filled-8" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-typography-link href="#" class="!text-[#333333] relative w-full" id="a-typography-link-119">
              <a-image width="100%" src="https://picsum.photos/id/17/400/230" :preview="false" id="a-image-21"/>
              <a-typography-paragraph
                class="!m-0 absolute left-0 right-0 bottom-0 bg-white bg-opacity-70 px-2 py-2"
                id="a-typography-paragraph-15"
              >
                <a-typography-text id="a-typography-text-115">大连医科大学走访慰问葫芦岛、朝阳</a-typography-text>
              </a-typography-paragraph>
            </a-typography-link>
            <a-list class="p-0" id="a-list-7">
              <a-list-item
                v-for="(item, index) in list12"
                :key="index"
                class="!px-0 !py-2 !border-b-0 overflow-hidden w-full"
                :id="`a-list-item-${46 + index}`"
              >
                <a-typography-link href="#" class="!text-[#999]" :id="`a-typography-link-${120 + index}`">
                  <a-badge
                    class="w-2 h-2 bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full mr-1"
                    :id="`a-badge-${25 + index}`"
                  />
                  <a-typography-text class="overflow-hidden" :id="`a-typography-text-${116 + index}`">
                    {{ item.title }}
                  </a-typography-text>
                </a-typography-link>
              </a-list-item>
            </a-list>
          </a-col>

          <a-col :span="10" class="flex flex-col" id="a-col-29">
            <a-flex justify="space-between" id="a-flex-19">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-121">教职动态</a-typography-text>
              <AppstoreFilled id="appstore-filled-9" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-list class="py-1" id="a-list-8">
              <a-list-item v-for="(item, index) in list13" :key="index" class="!px-0" :id="`a-list-item-${51 + index}`">
                <a-typography-link href="#" class="!text-[#999] line-clamp-1 py-0" :id="`a-typography-link-${125 + index}`">
                  <a-badge color="#EE5B25" :id="`a-badge-${30 + index}`" />
                  <a-typography-text :id="`a-typography-text-${122 + index}`">
                    {{ item.title }}
                  </a-typography-text>
                </a-typography-link>
              </a-list-item>
            </a-list>
          </a-col>

          <a-col :span="6" id="a-col-30">
            <a-flex justify="space-between" id="a-flex-20">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-132">人才培养</a-typography-text>
              <AppstoreFilled id="appstore-filled-10" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-list class="py-1" id="a-list-9">
              <a-list-item v-for="(item, index) in list14" :key="index" class="!px-0 !border-b-0" :id="`a-list-item-${61 + index}`">
                <a-typography-link href="#" class="!text-[#999] line-clamp-1 py-0" :id="`a-typography-link-${135 + index}`">
                  <a-badge
                    class="w-2 h-2 bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full mr-1"
                    :id="`a-badge-${40 + index}`"
                  />
                  <a-typography-text :id="`a-typography-text-${133 + index}`">
                    {{ item.title }}
                  </a-typography-text>
                </a-typography-link>
              </a-list-item>
            </a-list>
            <a-flex justify="space-between" id="a-flex-21">
              <a-typography-text class="block flex-1 text-[22px] text-[#EE5B25] font-bold" id="a-typography-text-138">校企合作</a-typography-text>
              <AppstoreFilled id="appstore-filled-11" class="text-[#e5e5e5] text-[22px]" />
            </a-flex>
            <a-list class="py-1" id="a-list-10">
              <a-list-item v-for="(item, index) in list15" :key="index" class="!px-0 !border-b-0" :id="`a-list-item-${66 + index}`">
                <a-typography-link href="#" class="!text-[#999] line-clamp-1 py-0" :id="`a-typography-link-${140 + index}`">
                  <a-badge
                    class="w-2 h-2 bg-[radial-gradient(circle_at_center,#EE5C25_0%,transparent_100%)] rounded-full mr-1"
                    :id="`a-badge-${45 + index}`"
                  />
                  <a-typography-text :id="`a-typography-text-${139 + index}`">
                    {{ item.title }}
                  </a-typography-text>
                </a-typography-link>
              </a-list-item>
            </a-list>
          </a-col>
        </a-row>
      </a-typography-paragraph>
    </a-flex>
  </div>
</template>

<script setup>
  const list1 = [
    {
      title: '教育视点',
      subTitel: '教育部职业教育与成人教育司负责',
      list: [
        { title: '758项新版职业教育专业教学标准发布' },
        { title: '教育部修订《中小学生学籍管理办法》' },
        { title: '教育部印发工作指南 推动中小学科学教育走' },
      ],
    },
    {
      title: '最新热点',
      subTitel: '揭晓!北京农业职业学院2024年度',
      list: [
        { title: '合肥职业技术学院2024年十大新闻事件回顾' },
        { title: '重庆安全技术职业学院2024年十大新闻!' },
        { title: '大连理工大学-流本科建设工作2024年终盘' },
      ],
    },
    {
      title: '校庆',
      subTitel: '安徽理工大学召开80周年校庆筹筹会',
      list: [
        { title: '安徽理工大学召开80周年校庆筹备工作领导会' },
        { title: '71岁生日快乐!浙江水利水电学院开展丰' },
        { title: '热烈庆祝安徽理工大学建校79周年' },
      ],
    },
  ];
  const list2 = [
    {
      img: 'https://picsum.photos/id/2/240/84',
    },
    {
      img: 'https://picsum.photos/id/3/240/84',
    },
    {
      img: 'https://picsum.photos/id/4/240/84',
    },
    {
      img: 'https://picsum.photos/id/5/240/84',
    },
    {
      img: 'https://picsum.photos/id/6/240/84',
    },
    {
      img: 'https://picsum.photos/id/7/240/84',
    },
  ];
  const list3 = [
    { title: '教师节' },
    { title: '国家示范性高职院校' },
    { title: '国家骨干职校' },
    { title: '双高院校' },
    { title: '国家重点学科' },
    { title: '2024年高校名单' },
    { title: '党史学习教育' },
    { title: '开展主题教育，高校在行动' },
    { title: '开学典礼' },
  ];
  const list4 = [
    '津',
    '沪',
    '渝',
    '辽',
    '苏',
    '浙',
    '皖',
    '闽',
    '粵',
    '赣',
    '鲁',
    '湘',
    '鄂',
    '川',
    '陕',
    '宁',
    '琼',
    '翼',
    '晋',
    '蒙',
    '黑',
    '吉',
    '豫',
    '滇',
    '黔',
    '桂',
    '甘',
    '青',
  ];
  const list5 = [
    { title: '温开良师说|有事就找曹老师' },
    { title: '【师者如光】大连理工大学王建军:以数据科学为舟，引领学子扬帆远航' },
    { title: '【就业榜样】大连理工大学韩筱:筑梦蓝天的种子在大工生根发芽' },
    { title: '【师者如光】大连理工大学史彦涛:立德树人，做科研与教育并重的领航者' },
    { title: '【就业榜样】大连理工大学姜佳明:投身东北全面振兴 展宏图之志' },
    { title: '【多彩医药】云南医药健康职业学院优秀教师:育医学检验英才，践因材施' },
    { title: '【师者如光】大连理工大学边继明:燃灯筑梦 照亮学子前行路' },
    { title: '【就业榜样】大连理工大学尚尔真:我非常希望到基层去' },
  ];
  const list6 = [
    {
      img: 'https://picsum.photos/id/11/294/50',
    },
    {
      img: 'https://picsum.photos/id/12/294/50',
    },
    {
      img: 'https://picsum.photos/id/13/294/50',
    },
    {
      img: 'https://picsum.photos/id/14/294/50',
    },
    {
      img: 'https://picsum.photos/id/15/294/50',
    },
  ];
  const list7 = [
    { title: '从校园到灾区:宜宾学院学子在救援中闪光' },
    { title: '省教育厅党组书记、厅长陈春雷来浙江水利水电学院考察调研' },
    { title: '昆明理工大学李华锋教授团队在多源图像融合研究方面取得新进展' },
    { title: '大连医科大学附属第一医院两个项目入选国家重大疑难疾病中西医临床协作项目建议名单' },
    { title: '辽宁科技学院副校长罗旭东随生物医药与化学工程学院家访团深入开展寒假家访活动' },
    { title: '河西学院护理学院召开人才培养方案修订研讨会' },
    { title: '四川农业大学:以实践笃行乡村振兴路' },
    { title: '大连理工大学校长贾振元带队走访调研沈鼓集团股份有限公司' },
    { title: '江西科技师范大学元宇宙产业学院一行赴抚州、婺源开展实践教学基地考察调研' },
    { title: '贵州医科大学收到黔东南州委、州政府感谢信' },
  ];
  const list8 = [
    { title: '"双一流"高校' },
    { title: '985工程高校' },
    { title: '211工程高校' },
    { title: '教育部直属院校' },
    { title: '2024年高校名单' },
    { title: '示范性高职院校' },
    { title: '国家骨干高职院校' },
    { title: '2011计划' },
  ];
  const list9 = [
    { title: '全国以"中国"开头的高校' },
    { title: '国家民委六大直属高校' },
    { title: '全国九大著名美术学院' },
    { title: '全国八大著名音乐学院' },
    { title: '教育部直属六大师范院校' },
  ];
  const list10 = [
    { title: '兰州石化职业技术大学组织参加全省2025届高校毕业生' },
    { title: '宿州学院举办2025届毕业生研后专场宣讲招聘会' },
    { title: '安徽理工大学举办"暖冬行动 研后就业"2025届毕业生' },
    { title: '天津工业大学《创新创业法律实践》课程入选2024年天' },
    { title: '启航新征程--北京舞蹈学院2025届毕业生供需双选会' },
    { title: '江西科技师范大学联合南昌市人力资源和社会保障局举' },
    { title: '长春大学举办长春市高校音乐类就业洽谈会暨音乐学院' },
  ];
  const list11 = [
    { title: '大连医科大学走访慰问葫芦岛、朝阳' },
    { title: '陇东学院为西藏日喀则籍地震受灾学校' },
    { title: '"资助暖心 筑梦盲人"--湖北美术' },
    { title: '石家庄铁道大学举办"晨光行动一石"' },
  ];
  const list12 = [
    { title: '北京农业职业学院食品与生物工程学院举' },
    { title: '坚卓勤勉担使命 自强奋进谱新篇-重庆' },
    { title: '巳巳如意如意 福满劳职-北京劳动' },
    { title: '江西制造親小技术学院2025年教职量' },
    { title: '"迎新春、贺新年"淄博师范高等专科学' },
  ];
  const list13 = [
    { title: '大同职业学院当选歌件和信息技术服务业产教融合共同体理事' },
    { title: '郑州电力昌等专科学校信通学院：假期社会实战洁动精彩纷呈' },
    { title: '鄂州职小大学：爱心妈妈专装送温暖具情暖单心' },
    { title: '四川信息职业技术学院在2024年"中银杯"四川省职业院校技' },
    { title: '合肥职业技不学院医学院台开学期利学管上作会以 全力十后！' },
    { title: '王懂礼教授来枣庄职业学院分享基层学生工作"五条心法"' },
    { title: '郑州M电力高等专科学校能源学院组织召开青年教师技能提升研讨会' },
    { title: '白城医学高等专科学校领导深入新校区调研在建项目复工情况' },
    { title: '山东工业职业学院组织"精益管理〞培训推动创新改革' },
    { title: '枣庄职业学院意识形态工作专题培训举办' },
  ];
  const list14 = [
    { title: '"六个年"行动|泉州医学高等专科学' },
    { title: '"六个年"行动|泉州医学高等专科学' },
    { title: '"六个年"行动|泉州医学高等专科学' },
    { title: '"枣庄职业学院：以"一站式"服务为导向' },
    { title: '"新疆石河子职业技术学院：构建培训服务等专科学' },
  ];
  const list15 = [
    { title: '荆州职亚校不学院生物么上学际剧往联付' },
    { title: '四川信息职业技术学院与熊猫供电侠机电' },
    { title: '江西工业贸易职业技术学院党委书记、院' },
    { title: '甘肃工业职业技术学院党委副书记、院长' },
  ];
</script>
<style scoped></style>
